<!DOCTYPE HTML>
<html>
<head>
    <title>旅行</title>
    <link rel="icon" href="../images/3.jpg" type="image/x-icon"/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <meta name="keywords" content="Travelia Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design"/>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link href="../css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <!-- Custom Theme files -->
    <link href="../css/style.css" rel='stylesheet' type='text/css'/>
    <link rel="stylesheet" href="../css/flexslider.css" type="text/css" media="screen"/>
    <script src="../js/jquery.min.js"></script>
    <!--/script-->
    <script type="text/javascript" src="../js/move-top.js"></script>
    <script type="text/javascript" src="../js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>

</head>
<body>
<!--start-home-->
<div id="home" class="header">
    <div th:replace="common :: navbar"></div>
    <div class="banner two">
        <div class="container">
            <h2 class="second">景区美文</h2>
        </div>
    </div>
</div>
<!--single-->
<div class="single">
    <div class="container">
        <div class="single-top">
            <img src="../images/single-1.jpg" alt=""/>
        </div>
        <div class="top-single">
            <h4>中国第一古道 徽杭古道</h4>
            <div class="grid-single">
                <div class="single-one"><span><i class="glyphicon glyphicon-calendar"> </i>2018年 10月 12日 </span></div>
                <div class="single-one"><span><a href="#"><i class="glyphicon glyphicon-comment"> </i><span th:text="${total}"></span></a></span>
                </div>
                <div class="single-one"><span><i class="glyphicon glyphicon-heart"> </i>28</span></div>
                <div class="clearfix"></div>
            </div>
            <p class="eget">一条千年古道，蜿蜒曲折75公里，它从皖南绩溪县临溪镇湖里村起，经仁里，汪村，瀛洲、龙川、到伏岭镇的湖村，
                经江南村“江南第一关”、遥遥岭、马头岭、雪堂岭到达浙江西部的临安市马啸乡止，贯通了古徽州和浙江。古往今来，有多少徽州
                人从这里走出去，在更广阔的天地施展才华，做出来了影响中国的大事情。
            </p>

            <p class="eget">
                <img src="../images/single-2.jpg" alt="" style="width: 100%;"/>
            </p>

            <p class="eget">
                <img src="../images/single-3.jpg" alt="" style="width: 100%;"/>
            </p>

            <p class="eget">徽杭古道绩溪段是古道上最经典的一段，在古徽州流传着这样一句话，前世不修，生在徽州，十三四岁，往外一丢。
                简单的十六个字，道尽了古徽州以前的生活现状，由于地窄人稠的生存缺陷，注定了徽州人要向外部世界拓展生机，早在遥远的东晋
                时代，徽州人就已远赴异乡，奋迹商场，故自古有“无徽不成市、无绩不成街”的说法。
            </p>

            <p class="eget">
                <img src="../images/single-4.jpg" alt="" style="width: 100%;"/>
            </p>

            <p class="eget">2010年，当代著名诗人汪国真曾把写下的诗句赠与徽杭古道：既然选择了远方，便只顾风雨兼程。徽州人的风雨兼程，
                走出来属于自己人生的辉煌。徽杭古道上走出了十三岁的胡雪岩和胡适，他们两个一个经商一个求学，都成为中国顶天立地的人物。
            </p>

            <p class="eget">
                <img src="../images/single-5.jpg" alt="" style="width: 100%;"/>
            </p>

            <p class="eget">
                一条曲折蜿蜒的徽杭古道，成就了源远流长的徽文化，还有绩溪徽商故里的种种传说，徽商从这里走出，也以更丰盛质朴的感情回报故土以文化以财富。
            </p>


            <div class="single-middle">
                <ul class="social-share">
                    <li><span>分享</span></li>
                    <li><a href="#"><i> </i></a></li>
                    <li><a href="#"><i class="tin"> </i></a></li>
                    <li><a href="#"><i class="message"> </i></a></li>
                </ul>
                <a href="#"><i class="arrow"> </i></a>
                <div class="clearfix"></div>
            </div>
            <div class="top-comments">
                <h3 th:text="${total}+'条留言'"></h3>
                <div th:each="message,userStat : ${message}">
                    <div th:class="${userStat.even}? 'met-in' : 'met'">
                        <div class="code-in">
                            <p class="smith"><a href="#"><span th:text="${message.nickname}"></span></a> <span
                                    th:text="${#dates.format(message.createTime,'yyyy-MM-dd HH:mm:ss')}"></span></p>
                            <div class="clearfix"></div>
                        </div>
                        <div class="comments-top-top">
                            <div class="men">
                                <i class=" glyphicon glyphicon-user"></i>
                            </div>
                            <p class="men-it" th:text="${message.comment}"></p>
                            <div class="clearfix"></div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="leave">
                <h3>留言</h3>
                <div class="single-grid">
                    <form action="/index/message">
                        <div class="single-us">
                            <input type="text" placeholder="昵称" name="nickname">

                            <textarea placeholder="留言" name="comment"></textarea>

                            <input type="submit" value="提交">
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!--//single-->
<!--contact
<div class="contact" id="contact">
    <div class="container">
        <h3 class="tittle">Newsletter</h3>
        <div class="newslatter">
            <ul class="f-icons second">
                <li><a href="#" class="facebook"> </a></li>
                <li><a href="#" class="p"> </a></li>
                <li><a href="#" class="twitter"> </a></li>
            </ul>
            <div class="clearfix"></div>
            <div class="support">
                <input type="text" class="text" value="Enter email..." onfocus="this.value = '';"
                       onblur="if (this.value == 'Enter email...') {this.value = 'Enter email...';}">
                <input type="submit" value="SUBSCRIBE" class="botton">
            </div>

        </div>
    </div>
</div>
-->
<!--map-->
<!--<div class="map">-->
    <!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1675115.8258740564!2d-98.4671417929578!3d34.91371150021706!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x54eab584e432360b%3A0x1c3bb99243deb742!2sUnited+States!5e0!3m2!1sen!2sin!4v1434956093308"></iframe>-->
    <!--<span> </span>-->

<!--</div>-->

<div class="copy">
    <div th:replace="common :: footer"></div>
</div>
<!--footer-->
<!--start-smoth-scrolling-->
<script type="text/javascript">
    $(document).ready(function () {
        /*
        var defaults = {
              containerID: 'toTop', // fading element id
            containerHoverID: 'toTopHover', // fading element hover id
            scrollSpeed: 1200,
            easingType: 'linear'
         };
        */

        $().UItoTop({easingType: 'easeOutQuart'});

    });
</script>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover"
                                                                         style="opacity: 1;"> </span></a>


</body>
</html>